<template>
  <div ref="chartRef" style="width: 30vw; height: 400px"></div>
</template>

<script setup>
import { onMounted, ref } from "vue";
import * as echarts from "echarts";

const chartRef = ref(null);

onMounted(() => {
  const chart = echarts.init(chartRef.value);
  const option = {
    tooltip: {},
    xAxis: { data: ["男性", "女性", "第三性"] },
    yAxis: {},
    series: [{ type: "bar", data: [5, 20, 36] }],
  };
  chart.setOption(option);
});
</script>
